<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>font-face</title>
		<style>

			@font-face {
				font-family: "歪哥字体";
				/* 兼容浏览器写法 */
				src: url("waige.ttf"),
					 url("waige.svg"),
					 url("waige.woff"),
					 url("waige.eot");
			}

			p {
				font-family: "歪哥字体";
				font-size: 50px;
			}


		</style>
	</head>
	<body>

		<!-- 
			font-face是CSS3中允许使用用户自定义字体的一个模块, 主要是把自定义字体嵌入到网页中

			常见的字体格式: .ttf, .svg, .eot, .woff

		 -->
		 <p>中国汉字博大精深</p>
		
	</body>
</html>